<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">
    <title>文件识别查询平台</title>
    <script src="/static/js/jquery-2.2.2.min.js"></script>
    <link href="/static/layui/css/layui.css" rel="stylesheet">
    <style>
        .body_ {
            background-color: #f5f6fb;
        }
        .search_ {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 50px;
        }
        .search_ img {
            width: 40px;
            height: auto;
        }
        .search_ span {
            font-size: 25px;
            font-weight: 500;
        }
        .search_all {
            margin-top: 120px;
        }
        .layui-input {
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            padding-left: 20px;
            height: 55px;
            width: calc(100% - 120px);
            border: 1px solid #ccc;
            box-shadow: none;
            outline: none;
        }
        .layui-input-split {
            background-color: #0076fa;
            color: #fff;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            padding: 0 20px;
            line-height: 55px;
            cursor: pointer;
        }
        .upload {
            display: flex;
            justify-content: center;
        }
        .upload div {
            width: calc(100% - 20px);
            margin: 0 10px;
        }
        .upload div button {
            background-color: #dce9fc;
            border: 1px solid #dce9fc;
            color: #0076fa;
            border-radius: 8px;
            width: 100%;
            margin-top: 10px;
        }
        .upload div button img {
            margin-right: 10px;
            width: 25px;
            height: auto;
        }
        .items_1 {
            margin-top: 30px;
        }
        .item_2 ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 0;
            margin: 0;
            list-style-type: none;
        }
        .item_2 ul li {
            width: calc(50% - 10px);
            margin-top: 15px;
            cursor: pointer;
        }
        .div_img {
            width: 100%;
            height: 180px;
            border-radius: 10px;
            overflow: hidden;
        }
        .div_img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .li_div2 {
            width: 100%;
            background-color: #ffffff;
            border-radius: 10px;
            overflow: hidden;
            margin-top: 10px;
        }
        .li_div2 p {
            padding: 16px 12px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0;
        }
    </style>
</head>
<body class="body_">
<div>
    <div class="search_all">
        <div class="search_">
            <img src="/static/img/office/search.png">
        </div>
        <div class="search_">
            <span>文件识别查询平台</span>
        </div>
        <div>
            <div class="search_">
                <div class="layui-form-item">
                    <div class="layui-input-group">
                        <input type="text" placeholder="请输入搜索内容..." class="layui-input" id="query_param">
                        <div class="layui-input-split layui-input-suffix" lay-on="test-msg-dark" onclick="query(this)">
                            <span style="font-size: 18px;">搜索</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="upload">
                <div>
                    <button type="button" class="layui-btn layui-btn-primary layui-btn-lg" onclick="uploadFormPPT()" lay-on="test-msg-dark"><img src="/static/img/office/ppt_i.png">上传PPT文件</button>
                    <button type="button" class="layui-btn layui-btn-primary layui-btn-lg" onclick="uploadFormExcel()" lay-on="test-msg-dark"><img src="/static/img/office/excel_i.png">上传Excel文件</button>
                </div>
            </div>
        </div>
    </div>
    <div class="product_items">
        <div class="loading" >
            <div>
                <div>
                    <div>
                        <img src="/static/img/office/loading4.gif" alt="Loading...">
                    </div>
                </div>
            </div>
        </div>
        <div class="items_1">
            <div class="item_2">
                <ul id="ID-flow-demo" class="flow-demo">
                    <li style="display: none">
                        <div class="div_img" style="">
                            <img src="/static/img/product.jpg" style="">
                        </div>
                        <div class="li_div2">
                            <p>K.S燃卡运动组合套装（六件套） / KS-780礼盒配置：配件1：K.S.几何计数跳绳配件2:  K.S. 发现者便携运动水杯配件3：舍刻燃卡挂耳咖啡 （ 10g*6包 ）配件4：K.S.四季运动袜 （精梳棉）配件5：K.S.微米纱极柔速干毛巾                                                                                                              配件6: K.S.超轻干湿分离健身旅行包彩盒尺寸：40x29x14cm装箱数：10PCS<br>零售价:  ￥625.00批发价：￥125.00（增票）             ￥118.75（普票）     <br></p>
                        </div>
                    </li>
                    <li style="display: none">
                        <div class="div_img" style="">
                            <img src="/static/img/product.jpg" style="">
                        </div>
                        <div class="li_div2">
                            <p>K.S燃卡运动组合套装（六件套） / KS-780礼盒配置：配件1：K.S.几何计数跳绳配件2:  K.S. 发现者便携运动水杯配件3：舍刻燃卡挂耳咖啡 （ 10g*6包 ）配件4：K.S.四季运动袜 （精梳棉）配件5：K.S.微米纱极柔速干毛巾                                                                                                              配件6: K.S.超轻干湿分离健身旅行包彩盒尺寸：40x29x14cm装箱数：10PCS<br>零售价:  ￥625.00批发价：￥125.00（增票）             ￥118.75（普票）     <br></p>
                        </div>
                    </li>
                    <li style="display: none">
                        <div class="div_img" style="">
                            <img src="/static/img/product.jpg" style="">
                        </div>
                        <div class="li_div2">
                            <p>K.S燃卡运动组合套装（六件套） / KS-780礼盒配置：配件1：K.S.几何计数跳绳配件2:  K.S. 发现者便携运动水杯配件3：舍刻燃卡挂耳咖啡 （ 10g*6包 ）配件4：K.S.四季运动袜 （精梳棉）配件5：K.S.微米纱极柔速干毛巾                                                                                                              配件6: K.S.超轻干湿分离健身旅行包彩盒尺寸：40x29x14cm装箱数：10PCS<br>零售价:  ￥625.00批发价：￥125.00（增票）             ￥118.75（普票）     <br></p>
                        </div>
                    </li>
                    <li style="display: none">
                        <div class="div_img" style="">
                            <img src="/static/img/product.jpg" style="">
                        </div>
                        <div class="li_div2">
                            <p>K.S燃卡运动组合套装（六件套） / KS-780礼盒配置：配件1：K.S.几何计数跳绳配件2:  K.S. 发现者便携运动水杯配件3：舍刻燃卡挂耳咖啡 （ 10g*6包 ）配件4：K.S.四季运动袜 （精梳棉）配件5：K.S.微米纱极柔速干毛巾                                                                                                              配件6: K.S.超轻干湿分离健身旅行包彩盒尺寸：40x29x14cm装箱数：10PCS<br>零售价:  ￥625.00批发价：￥125.00（增票）             ￥118.75（普票）     <br></p>
                        </div>
                    </li>
                    <li style="display: none">
                        <div class="div_img" style="">
                            <img src="/static/img/product.jpg" style="">
                        </div>
                        <div class="li_div2">
                            <p>K.S燃卡运动组合套装（六件套） / KS-780礼盒配置：配件1：K.S.几何计数跳绳配件2:  K.S. 发现者便携运动水杯配件3：舍刻燃卡挂耳咖啡 （ 10g*6包 ）配件4：K.S.四季运动袜 （精梳棉）配件5：K.S.微米纱极柔速干毛巾                                                                                                              配件6: K.S.超轻干湿分离健身旅行包彩盒尺寸：40x29x14cm装箱数：10PCS<br>零售价:  ￥625.00批发价：￥125.00（增票）             ￥118.75（普票）     <br></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div style="height: 50px"></div>
</div>
<input th:value="${imageService}" style="display: none" id="imageService">
<form id="uploadForm" enctype="multipart/form-data" style="display: none">
    <input type="file" id="fileInput" name="file" accept=".ppt, .pptx ">
    <label for="fileInput"></label>
    <span id="fileNameDisplay"></span>
</form>
<form id="uploadForm2" enctype="multipart/form-data" style="display: none">
    <input type="file" id="fileInput2" name="file2" accept=".xls, .xlsx">
    <label for="fileInput"></label>
    <span id="fileNameDisplay2"></span>
</form>
<script src="/static/layui/layui.js"></script>
<script src="/static/office/consulting.js"></script>
<script>
    // JavaScript code remains unchanged
</script>
</body>
</html>
